<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-store,no-cache"> 
    <meta name="Handheldfriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <!-- 显示窗口 宽度 是 客户端的 屏幕 宽度 （就是 满屏 ！），显示的文字和图形的初始比例 是 1.0 -->
    <link rel="stylesheet" href="css/layui.mobile.css">
    <link rel="stylesheet" type="text/css" href="css/style.css"><!-- 基本样式 -->
    <script src="js/jquery/rem.min.js"></script>
    <script src="js/common.js"></script>
    <title>活动广场</title>
    <!-- <script src="/uploads/common/js/jquery-1.4.2.min.js" type="text/javascript"></script> -->
<style>
    .black_overlay{
        display: none;
        position: absolute;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
        }
        .white_content {
        display: none;
        position: fixed;
        top: 50%;
        left: 50%;
        width:86%;
        margin-left: -43%;
            margin-top: -166px;
        background-color: white;
        border-radius: 5px;
        z-index:1002;
        overflow: auto;
            height: auto;
        }
    .pone{
            width: 95%;
            text-align: left;
            padding-left: 5%;
        }
    .ptwo{
       overflow: hidden;
        border-bottom: 1px solid #f5f5f5;
    }
    .ptwo input.active{
        background-color: rgb(243, 102, 98);
        color: #fff;
    }
    .ptwo input{
        margin: 0 1%;
        padding: 5px 10px;
        background-color: #fff;
        border: none;
        border-radius: 5px;
        font-weight: 500;
        color: #d1d1d1;

    }
    .onok input{
        background-color: #fff;
        border: none;
        color: #7fd0f9;
        font-size: 16px;
        font-weight: 300;
    }
    .white_content_small {
    display: none;
    position: absolute;
    top: 20%;
    left: 10%;
    width: 60%;
    height: 70%;
    background-color: white;
    border-radius: 5px;
    z-index:1002;
    overflow: auto;
    }.spinner{width:20px;height:20px;position:fixed;z-index:1002;top:50%;margin-top:-10px;left:50%;margin-left:-10px}.container1>div,.container2>div,.container3>div{width:6px;height:6px;background-color:#ff536a;border-radius:100%;position:absolute;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner .spinner-container{position:absolute;width:100%;height:100%}.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.circle1{top:0;left:0}.circle2{top:0;right:0}.circle3{right:0;bottom:0}.circle4{left:0;bottom:0}.container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.container3 .circle1{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0.0)}40%{-webkit-transform:scale(1.0)}}@keyframes bouncedelay{0%,80%,100%{transform:scale(0.0);-webkit-transform:scale(0.0)}40%{transform:scale(1.0);-webkit-transform:scale(1.0)}}#loading .mask{position:fixed;width:100%;background-color:#fff;top:0;left:0;height:100%;z-index:1001}

</style>
<script src="js/utils.js"></script>
<script>
        Utils.historyBack(function () {
            window.location.href = 'index.html';
        });
        //弹出隐藏层
        function ShowDiv(show_div,bg_div){
        document.getElementById(show_div).style.display='block';
        document.getElementById(bg_div).style.display='block' ;
        var bgdiv = document.getElementById(bg_div);
        bgdiv.style.width = document.body.scrollWidth;
        // bgdiv.style.height = $(document).height();
        $("#"+bg_div).height($(document).height());
        };
        //关闭弹出层
        function CloseDiv(show_div,bg_div)
        {
        document.getElementById(show_div).style.display='none';
        document.getElementById(bg_div).style.display='none';
        };

</script><!-- 弹框js -->
</head>
<body>
<div id="loading">
    <div class="mask"></div>
    <div class="spinner">
        <div class="spinner-container container1">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container2">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
        <div class="spinner-container container3">
            <div class="circle1"></div>
            <div class="circle2"></div>
            <div class="circle3"></div>
            <div class="circle4"></div>
        </div>
    </div>
</div>
<div id="loadingToast" style="display: none">
<div class="weui-mask_transparent"></div>
<div class="weui-toast">
    <i class="weui-loading weui-icon_toast"></i>
    <p class="weui-toast__content">数据加载中</p>
</div>
</div>
    <div id="wrap" onscroll="gcscroll(this)">
            <!-- 头部导航activitynav -s-->
        <div class="activitynav-gc">
            <ul>
                <li>
                    <a href="activity.html">官方活动</a>
                </li>
                <li  class="activitynav-active" >
                    <a href="">活动广场</a>
                </li>
                <li>
                   <span  id="Button1" onclick="ShowDiv('MyDiv','fade')">筛选 <img src="cssimg/shaixuan.png"></span>
                <div id="fade" class="black_overlay">
                </div>
            <div id="MyDiv" class="white_content">
                 <p class="pone">活动类型</p>
                 <div class="ptwo" id="hdlx">
                     <input hidden value="" id="hdlxyc">
                 </div>
                 <p class="pone">活动开始时间</p>
                 <div class="ptwo">
                     <input type="button"  data-id="86400"  onclick="addClass2(this)" value="1天">
                     <input type="button"  data-id="172800"  onclick="addClass2(this)" value="2天">
                     <input type="button"  data-id="259200"  onclick="addClass2(this)" value="3天">
                     <input type="button"  data-id="432000" onclick="addClass2(this)" value="5天">
                     <input hidden value="" id="hdsjyc">
                 </div>
                 <!--<p class="pone">活跃距离</p>-->
                 <!--<div class="ptwo">-->
                     <!--<input type="button" name="" id="bd1" onclick="return sura(1)" value="1km">-->
                     <!--<input type="button" name="" id="bd2" onclick="return sura(2)" value="2km">-->
                     <!--<input type="button" name="" id="bd3" onclick="return sura(3)" value="3km">-->
                     <!--<input type="button" name="" id="bd4" onclick="return sura(4)" value="4km">-->
                     <!--<div style="border-bottom:1px solid #d1d1d1;width:90%;margin:1% auto;"></div>-->
                 <!--</div>                    -->
            <div>
            </div>
                <div class="onok" style="margin-top: 10px;">
                    <input type="button"  class="onok" name="ok" id="ok" value="确定" onclick="CloseDiv('MyDiv','fade')" style="margin-right:10%;">
                    <input type="button" class="onok" name="no" id="no" value="取消" onclick="CloseDiv('MyDiv','fade')">
                </div>
            </div>
                </li>
            </ul>
        </div><!-- 头部导航activitynav -e-->
        <!-- 活动列表 -->
        <div id="list">
            <!--<div class="m-market-activity">-->
                <!--<div class="content">-->
                    <!--<div class="progress">已结束</div>-->
                    <!--<div class="imgbox" style="background-image: url(./cssimg/hdgcbg.jpg)">-->
                        <!--<div class="activitytoux-box">-->
                            <!--<img src="./cssimg/girl.jpg" alt="">-->
                        <!--</div>-->
                    <!--</div>-->

                    <!--<div>-->
                        <!--<div class="t-activitymame">-->
                            <!--<div></div>-->
                            <!--<div>夏洛特烦恼</div>-->
                            <!--<div></div>-->
                        <!--</div>-->
                        <!--<div class="activityrqf">-->
                            <!--<div>人数:2人</div>-->
                            <!--<div>预计费用:200元</div>-->
                            <!--<div>付款方式:AA</div>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->

        </div>

        <!-- 活动列表 -->
        <!-- 发布按钮 -->
        <div class="btn-fb">
            <a href="Edit-release-activity.html">发布</a>
        </div><!-- 发布按钮 -->
    </div>
<!--     菜单栏 -->
    <footer>
        <ul class="tab-nav">
           <li>
               <a href="index.html">
                    <div class="icon-box">
                        <i class="icon1"></i>
                    </div>
                    <div>
                        <span >首页</span>
                    </div>
               </a>
           </li>
             <li>
               <a href="Single-circle.html">
                    <div class="icon-box">
                        <i class="icondsp"></i>
                    </div>
                    <div>
                        <span>单身圈</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="message.html">
                    <div class="icon-box">
                        <i class="icon-xx"></i>
                    </div>
                    <div>
                        <span>消息</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="">
                    <div class="icon-box">
                        <i class="iconhdhover"></i>
                    </div>
                    <div>
                        <span class="active">活动</span>
                    </div>
               </a>
           </li>
            <li>
               <a href="mine.html">
                    <div class="icon-box">
                        <i class="iconmy"></i>
                    </div>
                    <div>
                        <span >我的</span>
                    </div>
               </a>
           </li>
        </ul>
    </footer>
<script src="js/jquery/jquery-2.2.4.min.js"></script>
<script src="js/gr-Activiy.js"></script>
<script>
    var Whei=$(window).height();
    $("#wrap").css("height",Whei-60);
    $("#ok").on("click",function () {
        sxbtn();
    })
</script>
</body>
</html>